﻿.annotation-activity-component {
    display: flex;
    position: relative;
    border: 1px solid var(--wf-node-border-color);
    border-radius: var(--wf-node-border-radius);
    background-color: var(--wf-node-backcolor);
    width: calc(var(--wf-node-width) * var(--wf-node-scale));
    min-height: 60px;
}

    .annotation-activity-component .node-description {
        padding: 4px;
        width: 100%;
    }

        .annotation-activity-component .node-description ::deep .annotation-content * {
            margin: 0
        }

        .annotation-activity-component .node-description ::deep .annotation-content h1,
        .annotation-activity-component .node-description ::deep .annotation-content h2,
        .annotation-activity-component .node-description ::deep .annotation-content h3,
        .annotation-activity-component .node-description ::deep .annotation-content h4,
        .annotation-activity-component .node-description ::deep .annotation-content h5,
        .annotation-activity-component .node-description ::deep .annotation-content h6 {
            font-weight: 500;
            line-height: 1.25;
        }

        .annotation-activity-component .node-description ::deep .annotation-content h1 {
            font-size: 1.6rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content h2 {
            font-size: 1.4rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content h3 {
            font-size: 1.2rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content h4 {
            font-size: 1rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content h5 {
            font-size: 0.8rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content h6 {
            font-size: 0.6rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content hr {
            margin: 5px 2px;
        }

        .annotation-activity-component .node-description ::deep .annotation-content ol,
        .annotation-activity-component .node-description ::deep .annotation-content ul {
            padding-left: 1.2rem;
        }

        .annotation-activity-component .node-description ::deep .annotation-content blockquote {
            color: #7F8C8D;
            border-left: 2px solid #BDC3C7;
            padding-left: 4px;
            margin-left: 2px;
        }

    .annotation-activity-component .activity-right-bottom-toolbar {
        position: absolute !important;
        display: flex;
        align-items: end;
        right: 2px;
        bottom: 2px;
    }

        .annotation-activity-component .activity-right-bottom-toolbar ::deep .action {
            margin-left: 4px;
        }
